<template>
  <el-menu  active-text-color="#20a0ff" unique-opened router>
    <el-menu-item index="/home" class="home">
      <i class="el-icon-menu"></i>
      <span>主 页</span>
    </el-menu-item>
    <!--有子集-->
    <el-submenu index="1">
      <template slot="title">
        <i class="el-icon-message"></i>
        资产管理
      </template>
      <el-menu-item index="/assets">资产列表</el-menu-item>
      <el-menu-item index="/assettable">资产表格</el-menu-item>
      <el-menu-item index="/addasset">资产入库</el-menu-item>
      <el-submenu index="1-3">
        <template slot="title">记录</template>
        <el-menu-item index="recorder">使用记录表</el-menu-item>
        <el-menu-item index="usage">领用归还记录</el-menu-item>
        <el-menu-item index="repair">维修记录</el-menu-item>

      </el-submenu>
    </el-submenu>

    <el-submenu index="2">
      <template slot="title"><i class="el-icon-setting"></i>员工管理</template>
      <el-menu-item index="userprofile">个人信息</el-menu-item>
      <el-menu-item index="/user">用户列表</el-menu-item>
      <el-menu-item index="useradd">添加员工</el-menu-item>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title"><i class="el-icon-menu"></i>分析报表</template>
      <el-menu-item index="/assets">资产信息</el-menu-item>
      <el-menu-item index="depreciation">折旧信息</el-menu-item>
    </el-submenu>
    <!--无子集-->
    <el-menu-item index="4">
      <i class="el-icon-menu"></i>
      <span slot="title">无子集导航</span>
    </el-menu-item>


  </el-menu>
</template>

<script>
export default {
  name: "NavMenu"
}
</script>

<style scoped>

</style>
